import React,{useState} from 'react'
import {useNavigate} from 'react-router-dom'

export default function DomesticNews() {
  const nav=useNavigate()
  const [list]=useState([
    {
      id:'d1001',
      title:'首页国内国际军事滚动直播视频文化VR7',
    },
    {
      id:'d1002',
      title:'中国气象局：7月全国降水接近常年 但分布不均'
    },
    {
      id:'d1003',
      title:'室温超导会否成为下一个石墨烯'
    }
  ])
  const goDetail=(id)=>{
     nav(`/domesticDetail/${id}`)
  }
  return (
    <div>
       <h2>体育新闻</h2>
       <ul>
        {
          list.map((item,index)=><li key={index} onClick={()=>goDetail(item.id)}>{item.title}</li>)
        }
       </ul>
    </div>
  )
}
